“Smart Contact Form” Documentation by “Ryan Davies” v1.0

---

“Smart Contact Form”

---

Table of Contents

1. Installing the code
2. Customizing
3. Sources and Credits

---

A) Installing the code - top

IMPORTANT NOTE - If you want to include this code on a page with a .html or .htm extension, you will need to allow php scripts to run on the page. This is done via a .htaccess file. you can read how to implement this using the following link. http://www.desilva.biz/php/phpinhtml.html

IMPORTANT NOTE - You need to set the permissions of the uploads folder to 775, so that the webserver can write the uploaded files there temporarily. Once the email has been sent the file is deleted.

Installing the code is very straight forward.

1. Edit "validation/form_code.php"
• Change the value of $to to your email address
• That is the only variable you need to change, however the rest of them can be edited to you personal preference, details of which are commented with each variable.
2. Include the code on your page

In your download, the contact form will work as shown in the demo, the basic steps for incorporating the form onto an existing page are as follows.

• At the top of the page, include the form_code.php file. ie < ?php include"validation/form_code.php"; ? > ( without spaces between the < ? and ? > )
• Add a link to the validation/validate.js file in your head section
• Add a link to the css/global.css file in your head section, or incorporate the classes from this file into your existing stylesheet.
• Add the form output div, and the php code for outputing the responses. ( < ?=$output;? > )
• Include the form markup in your page, or alter your existing form attributes.
3. The script is now ready to go! Upload all of your files to your webspace.
4. To see this code in a html page, please open index.php in a text editor.

If you get stuck, open index.php in a text editor to see where to include the code, or email me via my profile page and I will be happy to help.

---

B) Customizing - top

The css for this form is quite small and straight forward, the list of classes can be found in css/global.css. You can alter the attributes of these classes. However if you change the names of the classes, be sure to change the values in validation/validate.js and validation/form_code.php

You can add extra form fields as you would normally do. However if you want to have more fields that are validated, the PHP and javascript files will need new functions added to them. That goes beyond the scope of this file, however if you would like to add more validation fields, please email me via my profile page and I will supply the required code at no extra charge.

---

G) Sources and Credits - top

I've used the following js pluggins

• Jquery
• Some Icons are Copyright © Yusuke Kamiyamane. All rights reserved. Licensed under a Creative Commons Attribution 3.0 license.

---

Once again, thank you so much for purchasing this script. As I said at the beginning, I'd be glad to help you if you have any questions relating to this script. No guarantees, but I'll do my best to assist.

Ryan Davies

Go To Table of Contents

---